<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Jewel - Pieces Of UK (Jewel Pairs)</title>

<link type="text/css" href="stylesheets/ui.all.css" rel="stylesheet">

<link type="text/css" href="stylesheets/jewelPairs.css" rel="stylesheet">
<style type="text/css" media="screen">
<!--

-->
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/jquery-ui.min.js" type="text/javascript"></script>

<script src="javascript/soundmanager2-nodebug-jsmin.js" type="text/javascript"></script>
<!--
<script src="javascript/jquery.tinysort.min.js" type="text/javascript"></script>
-->
<script src="javascript/jewelPairs.js" type="text/javascript"></script>
  <script type="text/javascript" charset="utf-8">
<!--
-->
</script>

</head>
<body>
<div id="pairs"></div>

  <div id="controls">Your name? <input class="disableable" type="text" name="name"> (max 12 chars)
    <p>Level?
      <select class="disableable" id="level" name="level">
        <option value="Very Easy">Very Easy (3 x 4)</option>
        <option value="Easy">Easy (4 x 4)</option>
        <option value="Medium">Medium (4 x 5)</option>
        <option value="Hard">Hard (5 x 6)</option>
        <option value="Very Hard">Very Hard (6 x 6)</option>
        <option value="Impossible">Impossible (6 x 7)</option>
      </select>
		</p>
    <p>Game type?
		  <select class="disableable" id="type" name="type">
        <option value="Audio">Audio</option>
        <option value="Visual">Visual</option>
        <option value="Combo">Combo</option>
      </select>
		</p>
    <button class="disableable" id="startButton">Start Game</button> <button id="stopButton">Stop Game</button>
    <button id="helpButton">Help</button><button id="aboutButton">About</button>
  </div>
	<div id="infoBox">
    <div id="progress">
      Time: <span id="timeMins">0</span>:<span id="timeSecs">00</span>, pairs matched: <span id="matched">0</span>
		</div>
		<div id="message">
    </div>
	</div>
  <div id="hiscores">

	</div>
		<div id="about">
Jewel Pairs was created by Chris Groves using Python and Javascript. It uses the
<a href="http://jquery.com/" target="_blank">JQuery</a>,
<a href="http://jqueryui.com/" target="_blank">JQuery UI</a> and
<a href="http://www.schillmania.com/projects/soundmanager2/" target="_blank">SoundManager 2</a>
 javascript libraries. It is hosted on
<a href="http://code.google.com/appengine/" target="_blank">Google App Engine</a>
		</div>


<div id="help">
	<p><b>Jewel Pairs</b> is a fun memory game for all ages.</p>
	<p>The game's theme is Jewel's singles.</p>
	<p>Before you start please enter your name, select the level and type of game</p>
	<p>Click the Start button to begin</p>
	<p>The object of the game is to find all the matching pairs.</p>
	<p>Click a square and then click another square to try to find the match.</p>
	<p>There are three game types. In the audio version you will hear a brief clip of the single; in the
	 visual version you will see the single's cover artwork; in the combo version the first click will randomly
	be either an audio clip or image, the second click will be its converse.</p>
</div>
<noscript>You need to enable Javascript to view this site at its best</noscript>
<script type="text/javascript" charset="utf-8">
<!--
$("#controls, #infoBox").hide();
-->
</script>
</body>
</html>
